<template>
    <div class="broast-box">
        <div class="show-box">
            <span class="left"></span>
            <span class="englishText">Latest fashion</span>
            <span class="text">最新时装</span>
            <span class="right"></span>
        </div>
        <div class="down">
            <div class="down-one">
                <img src="../../assets/sz1.jpg" alt="">
                <div class="down-text"><p>迪欧古奇正品包包经典款双g仿真皮酷奇信封包古琦专柜女包斜挎包</p></div>
            </div>
            <div class="down-two">
                <img src="../../assets/sz2.jpg" alt="">
                <div class="down-text"><p>florafantasy古驰绮梦花园</p></div>
            </div>
            <div class="down-three">
                <img src="../../assets/sz3.jpg" alt="">
                <div class="down-text"><p>CARVEN卡纷北京三里屯太古里建筑概念店隆重揭幕 </p></div>
            </div>
        </div>
    </div>
</template>
<style scoped>
    /* 头部 */
    .show-box {
        margin-top: 50px;
        position: relative;
        padding-top: 30px;
    }
    .left, .right {
        display: inline-block;
        width: 40%;
        height: 20px;
        position: relative;
    }
    .left:before,.right:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        width: 100%;
        height: 1px;
        background: #000;
    }
    .text {
        margin: 0px 10px;
        font-size: 30px;
    }
    /* 底部三张图片 */
    .down {
        width: 1000px;
        overflow: hidden;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
        padding-bottom: 80px;
        margin-top: 50px;

    }
    .down .down-one,.down .down-two,.down .down-three {
        width: 30%;
        float: left;
        position: relative;
    }
    .down .down-one img,.down .down-two img,.down .down-three img {
        width: 100%;
    }
    .down-text {
        width: 90%;
        height: 150px;
        border: 1px solid #000;
        position: absolute;
        bottom: -65px;
        left: 5%;
        font-size: 22px;
        padding: 10px;
        box-sizing: border-box;
        background: #fff;
        cursor: pointer;
        font-family: "宋体";
    }
    .down-text p:hover {
        color: #b9995a;
    }
    .down-text P {
        margin-top: 24px;
    }
</style>